/**
 * @description 表格的模板数据
 */
const listDefaultData = {
  version: '001',
  base: {
    headerIconFlag: true,
    header_icon_add: "PlusOutlined",
    header_icon_deletes: "DeleteOutlined",
    header_icon_others: "",
    header_text_add: "新增",
    header_text_deletes: '删除',

    tableIconFlag: true,
    table_icon_view: "EyeOutlined",
    table_icon_delete: "DeleteOutlined",
    table_icon_edit: "EditOutlined",
    table_icon_others: "",
    table_text_view: "查看",
    table_text_delete: '删除',
    table_text_edit: '修改',

    table_config: {
      // 表配置
      align: 'center',
      colorBgContainer: "#fff",
      colorText: "rgba(0, 0, 0, 0.88)",
      fontSize: "14px",

      // 表头配置
      headerBg: '#fafafa',
      headerColor: 'rgba(0, 0, 0, 0.88)',
      headerSortActiveBg: "#f0f0f0",
      headerSortHoverBg: "#f0f0f0",
      headerSplitColor: "#f0f0f0",
      headerBorderRadius: "8px",

      // 表格配置
      rowHoverBg: "#fafafa",
      rowSelectedBg: "#e6f4ff",
      rowSelectedHoverBg: "#bae0ff",
      selectionColumnWidth: "32px",

    },

  },

  // 1. 搜索区域
  search: {
    base: {
      labelFlag: true,
      colonFlag: true,
      search_text: "查询",
      search_icon: "SearchOutlined",
      add_text: "新增",
      add_icon: "PlusOutlined"
    },
  },

  // 4. 分页区域
  pagination: {
    base: {
      hideOnSinglePage: true,
      showSizeChanger: true,
      prev: '上一页',
      next: '下一页',
    },

  },
  css: `
/* 内容区的样式文件 */

/* 总盒子 */
.list-page {
  padding: 10px 0 30px 0;
  margin: 0;
  background: none;
  border-radius: 0;

  /* 头部按钮 */
  .list-btn-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 8px;
    margin: 0 0 10px 0;
    padding: 10px 0;
    background: none;

    /* 所有按钮 */
    .ant-btn {
      position: relative;
      font-size: 14px;
      height: 32px;
      border: 1px solid #d9d9d9;
      border-radius: 6px;
      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);

      color: var(--btn2-font-color-);
      background: var(--btn2-bg-color-);

      &:hover {
        color: #FFF;
        border: 1px solid var(--btn2-bg-hover-color-);
        background: var(--btn2-bg-hover-color-);
      }
    }

    /* 新增 */
    /* .action-add{} */
    /* 删除 */
    /* .action-deletes{} */
    /* 其它 */
    /* .action-others{} */
  }
}

/* 搜索 */
.search .btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: auto;
  gap: 20px;

  .submit-btn {
    width: auto;
    height: 32px;
    font-size: 14px;
    margin: 0;
    padding: 4px 15px;
    line-height: 1.5714285714285714;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    box-shadow: none;

    color: var(--btn2-font-color-);
    background: var(--btn2-bg-color-);

    &:hover {
      color: #FFF;
      border: 1px solid var(--btn2-bg-hover-color-);
      background: var(--btn2-bg-hover-color-);
    }
  }
}



.search {
  width: auto;
  height: auto;
  padding: 10px 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}



.search .ant-form-item {
  margin: 0 16px 0 0;
  padding: 0;
  flex: none;
}



.search .ant-form-item .ant-form-item-label>label {
  width: auto;
  height: 32px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}



.search .ant-form-item input::placeholder,
.search .ant-form-item .ant-select-selection-placeholder {
  font-size: inherit;
  color: rgba(0, 0, 0, 0.25);
}



.search .ant-input-affix-wrapper {
  height: auto;
  width: 120px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
}

.search .ant-input-affix-wrapper:focus-within {
  border: 1px solid #4096ff;
  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
}



.search .ant-input-affix-wrapper .anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}

.search .ant-input-affix-wrapper .anticon:hover {
  color: rgba(0, 0, 0, 0.88);
}



.search.ant-form .ant-form-item .ant-select.ant-select-outlined .ant-select-selector {
  height: 100%;
  width: 120px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
}

.search.ant-form .ant-form-item .ant-select.ant-select-outlined .ant-select-selector:focus-within {
  border-color: #1677ff;
  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
}



.search .ant-select .ant-select-arrow,
.search .ant-select .ant-select-clear {
  position: absolute;
  top: 50%;
  height: 12px;
  margin: -6px 0 0 0;
  font-size: inherit;
  color: rgba(0, 0, 0, 0.25);
}

.search .ant-select .ant-select-arrow:hover,
.search .ant-select .ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.88);
}



.search .ant-form-item .ant-picker {
  height: auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background: #ffffff;
  border: 1px solid #d9d9d9;
  padding: 4px 11px 4px;
  border-radius: 6px;
}

.search .ant-form-item .ant-picker:focus-within {
  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
}



.search .ant-picker .ant-picker-suffix {
  flex: none;
  margin: 0 0 0 4px;
  font-size: inherit;
  color: rgba(0, 0, 0, 0.25);
}



.search .btn-wrapper {}



.search .btn-wrapper .submit-btn {}

.search .btn-wrapper .submit-btn:hover {}



.search .btn-wrapper .add-btn {
  height: 32px;
  width: auto;
  padding: 4px 15px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}

.search .btn-wrapper .add-btn:hover {
  color: #4096ff;
  border: 1px solid #4096ff;
  background: #ffffff;
}



.list-btn-box {}



.list-page .list-btn-box .action-add {}

.list-page .list-btn-box .action-add:hover {}



.list-page .list-btn-box .action-deletes {}

.list-page .list-btn-box .action-deletes:hover {}



.list-page .list-btn-box .action-others {}

.list-page .list-btn-box .action-others:hover {}



.list-page .ant-table {
  margin: 0;
  padding: 0;
}



.list-page .ant-table-wrapper .ant-table-thead>tr>th {
  font-weight: 600;
  height: 70px;
  border-bottom: 1px solid #f0f0f0;
}



.list-page .ant-table-wrapper .ant-table-tbody>tr>td {
  border-bottom: 1px solid #f0f0f0;
}



.list-page .action-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 8px;
  justify-content: center;
}



.list-page .action-box .action-view {
  position: relative;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background: #ffffff;
  height: 40px;
  border: 1px solid #d9d9d9;
  padding: 0px 12px;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}

.list-page .action-box .action-view:hover {
  color: var(--btn2-bg-color-);
  border: 1px solid var(--btn2-bg-color-);
  background: #ffffff;
}



.list-page .action-box .action-delete {
  position: relative;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background: #ffffff;
  height: 40px;
  border: 1px solid #d9d9d9;
  padding: 0px 12px;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}

.list-page .action-box .action-delete:hover {
  color: var(--btn2-bg-color-);
  border: 1px solid var(--btn2-bg-color-);
  background: #ffffff;
}



.list-page .action-box .action-edit {
  position: relative;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background: #ffffff;
  height: 40px;
  border: 1px solid #d9d9d9;
  padding: 0px 12px;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}

.list-page .action-box .action-edit:hover {
  color: var(--btn2-bg-color-);
  border: 1px solid var(--btn2-bg-color-);
  background: #ffffff;
}



.list-page .action-box .action-others {
  position: relative;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background: #ffffff;
  height: 40px;
  border: 1px solid #d9d9d9;
  padding: 0px 12px;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}

.list-page .action-box .action-others:hover {
  color: var(--btn2-bg-color-);
  border: 1px solid var(--btn2-bg-color-);
  background: #ffffff;
}



.ab-pagination {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background: none;
  margin: 16px 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}



.ab-pagination .ant-pagination-total-text {
  color: inherit;
  flex: none;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin: 0 8px 0 0;
  vertical-align: middle;
}



.ab-pagination .ant-pagination-prev,
.ab-pagination .ant-pagination-next,
.ab-pagination .ant-pagination-jump-prev,
.ab-pagination .ant-pagination-jump-next {
  flex: none;
  display: inline-block;
  color: #1677ff;
  background: none;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  border-radius: 6px;
}



.ab-pagination .ant-pagination-prev.ant-pagination-disabled,
.ab-pagination .ant-pagination-next.ant-pagination-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: none;
  cursor: not-allowed;
}



.ab-pagination.ant-pagination .ant-pagination-item {
  flex: none;
  display: inline-block;
  color: inherit;
  background: none;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 6px;
}

.ab-pagination.ant-pagination .ant-pagination-item:hover {
  background: rgba(0, 0, 0, 0.06);
}



.ab-pagination.ant-pagination .ant-pagination-item.ant-pagination-item-active {
  font-weight: 600;
  color: #1677ff;
  background-color: #ffffff;
  border-color: #1677ff;
}



.ant-pagination.ant-pagination .ant-select-selector {
  height: auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background-color: #fff;
}



.ab-pagination-wrapper {}
  `
}

export default listDefaultData